    <!-- Begin of #main -->
    <div id="main" role="main">
    	
    	<!-- Begin of titlebar/breadcrumbs -->
		<div id="title-bar">
			<ul id="breadcrumbs">
				<li><a href="dashboard.html" title="Home"><span id="bc-home"></span></a></li>
				<li><a href="#" title="menu item">menu item</a></li>
				<li><a href="#" title="menu item">menu item</a></li>
				<li class="no-hover">menu item</li>
			</ul>
		</div> <!--! end of #title-bar -->
		
		<div class="shadow-bottom shadow-titlebar"></div>
		
		<!-- Begin of #main-content -->
		<div id="main-content">
			<div class="container_12">
			
			<!-- Put your content here! -->
			<div class="grid_12">
				<h1>Empty</h1>
				<p>This is a empty page.</p>
			</div>
			
			<!-- Example Block with Border -->
			<div class="grid_4">
				<div class="block-border">
					<div class="block-header">
						<h1>Example</h1><span></span>
					</div>
					<div class="block-content">
						<p>This a an example block in a 4-column grid.</p>
					</div>
				</div>
			</div>
			
			<div class="clear height-fix"></div>

		</div></div> <!--! end of #main-content -->
  </div> <!--! end of #main -->
